1. 全局安装 vue脚手架
   npm install -g vue-cli  --- 2.9.6 (现在都不用了，用下面这个命令)
   npm install -g @vue/cli
2. 查看 vue 版本
   vue -V      ---  @vue/cli 4.5.13
2. 创建一个 vue 项目
   vue create el-admin  --- (项目名称不能有大写字母)
3. 路径切换到项目文件夹下： 
   cd el-admin
4. 运行项目
   npm run serve 
   此时就可以在浏览器查看项目了
5. 安装Element
   npm i element-ui -S
6. 引入Element
  1) 完整引入:
   项目入口文件 main.js 引入 element
     import ElementUI from 'element-ui';
     import 'element-ui/lib/theme-chalk/index.css';
     
     Vue.use(ElementUI);
  2) 按需引入
   借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的
     首先，安装 babel-plugin-component:npm install babel-plugin-component -D
     然后，将 .babelrc 修改为:
       {
         "presets": [["es2015", { "modules": false }]],
         "plugins": [
           [
             "component",
             {
               "libraryName": "element-ui",
               "styleLibraryName": "theme-chalk"
             }
           ]
         ]
       }
     最后，如果你只希望引入部分组件,那么需要在main.js中写入以下内容:
       import Vue from 'vue';
       import { Button, Select } from 'element-ui';
       import App from './App.vue';

       Vue.use(Button)
       Vue.use(Select)

       new Vue({
         el: '#app',
         render: h => h(App)
       });

7. 全局配置
   在引入Element时，可以传入一个全局配置对象。该对象目前支持size与zIndex字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值: 2000）
   1) 如果Element是完整引入:
      import Vue from 'vue';
      import Element from 'element-ui';
      Vue.use(Element, { size: 'small', zIndex: 3000 });
   2) 如果Element是按需引入:
      import Vue from 'vue';
      import { Button } from 'element-ui';
      Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
      Vue.use(Button);

8. 安装路由
   npm install vue-router --save-dev

9. 引入路由 
   在src >router >index.js 中： 
      import Vue from 'vue'
      import Router from 'vue-router'
      Vue.use(Router)
      export default  router =  new Router({
         routes: [
            {
             path: '/',
             name: 'login',
             component: () => import('@/views/login.vue')
            },
         ]
      })
      
   
   




   npm install -g yarn 


   注: vue中没有DOM 操作
   安装临时vue : npm i vue  
                找到 node_mnodules > vue > dist 文件夹直接拖到根目录下, 删除node_mnodules文件夹
                删除dist文件夹下不用的js文件, 只留下 vue.js 和vue.min.js